<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Calendar Demos</title>
	<link  href="../jquery.tree.css" rel="stylesheet" type="text/css"  class="view-source"/>
	<link  href="../../../../themes/default/style.css" rel="stylesheet" class="view-source">
	<script src="../../../../scripts/jquery.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/common.js" type="text/javascript" class="view-source"></script>
	<script src="../../../../scripts/browserfix.js" type="text/javascript"  class="view-source"></script>
	<script src="../../../../scripts/plugins/jquery.json.js" type="text/javascript"></script>
	
	<script src="../jquery.tree.js" type="text/javascript" class="view-source"></script>
	
	<script src="../../demo.js"></script>
	<link href="../../demo.css" rel="stylesheet">

	<style>
		.tree{
			width:200px;
			height:240px;
		}
	</style>
	
<script type="view-source" class="view-source inner-code noparse">
<div id="default-tree" class="view-source" data-widget="tree" data-options="{'url':'data.html','asyn':'true','rootId':'root','rootText':'根节点'}"></div>
	
data.html:

{"returnCode":200,
 "returnDesc":"success",
 "error":"none",
 "returnValue":
		[
           {
            "id":"111",
            "text":"异步1",
            "hasChildren":"true",
            "complete":"true",
            "showCheck":"true",
            "parentId":"root",
            "childNodes":[
	                 {
	                   "id":"211",
	                   "text":"异步1-1",
	                   "hasChildren":"true",
	                   "complete":"true",
	                   "showCheck":"true",
	                   "childNodes":
	                      [
	                         { "id":"youda11",
	                           "text":"异步1-1-1",
	                           "showCheck":"true" 
	                         }
	                      ]
	                 },
	                 {
	                   "id":"311",
	                   "text":"异步1-2",
	                   "showCheck":"true"
	                 }
            ]
          }
		]
}

</script>
	
</head>

<body>
	<div id='content-default' class='demo'>
			<h1></h1>
			
	</div>
	
	<div style="clear:both"></div>
	
</body>
</html>